<template>
     <div>
         <el-container>
             <el-header>
                 <!-- 头部区域 -->
                 <div style="height: 60px; line-height: 60px; background-color:while; margin-bottom: 2px;">
                     <img src="../assets/logo.jpg" alt="" style="width: 40px; position: relative; top: 10px; left: 20px;">
                     <span style="margin-left: 25px; font-size: 24px; ">大连日月昇渔家菜管理系统-前台</span>
                 </div>
             </el-header>
             <el-container>
                 <el-aside width="210px">
                     <!-- 侧边栏导航 -->
                     <div style="width: 200px; min-height:calc(100vh - 62px); overflow: hidden; margin-right: 2px;background-color: white;">
                         <el-menu :default-active="$route.path" router class="el-menu-demo">
                             <el-menu-item index="/receptionadmin/dingzhuo">订桌管理</el-menu-item>

                             <el-submenu index="order">
                                 <template slot="title">订单管理</template>
                                 <el-menu-item index="/receptionadmin/yuyueOrder">预约订单管理</el-menu-item>
                                 <el-menu-item :route="{path: '/receptionadmin/order', query:{state:0}}" index="/receptionadmin/order">查看订单</el-menu-item>
                             </el-submenu>
                         </el-menu>
                     </div>
                 </el-aside>
                 <el-main>
                     <router-view />
                 </el-main>
             </el-container>
         </el-container>
     </div>
</template>

<script>
    export default {
        name: "ReceptionAdminLayout"
    }
</script>

<style scoped>

</style>